﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>登录</title>
<!-- Custom Theme files -->
<link th:href="@{/css/login.css}" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="keywords" content="Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link th:href='@{http://fonts.useso.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400}' rel='stylesheet' type='text/css'>
<link th:href='@{http://fonts.useso.com/css?family=Droid+Serif:400,700,400italic,700italic}' rel='stylesheet' type='text/css'>
<!--Google Fonts-->
<link th:href="@{/css/plugins/sweetalert/sweetalert.css}"  type="text/css" rel="stylesheet"/>
<script th:src="@{/script/plugins/sweetalert/sweetalert.min.js}"></script>

<script th:inline="javascript">
		var error = [[${error}]];
		setTimeout(function check() {
			if(error!=null){
				swal({
					title : "温馨提示",
					text : error
				});
			}
		},100);

</script>


</head>
<body>
<div class="login">
	<form role="form" action="login" method="post">
	<div class="login-top">
		<h1 th:text="#{login.Login}">登录</h1>
		<input type="text" class="form-control" th:value="#{login.UserId}" name="userName" required="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'User Id';}"/>
		<input type="password" class="form-control" th:placeholder="#{login.Password}" name="userPassword" required="" />
		<div class="forgot">
	    	<a th:href="@{forget}" href="forget.html" th:text="#{login.ForgetPassword}">忘记密码</a>
			<input type="submit" th:value="#{login.Login}" onClick="check()" >
	    </div>
	</div>
	<div class="login-bottom">
		<h3 ><a th:text="#{login.NewUser}"></a> &nbsp;<a href="register.html" th:href="@{register}" th:text="#{login.Register}" style="color : #c6c8ca">注册</a> <a th:text="#{login.Here}"></a>&nbsp </h3>
	</div>
	</form>
	<div class="clickme">
		<a class="forgot" th:href="@{/login.html(l='zh_CN')}" href="login.html" style="color: #2aabd2">中文</a>
		<a class="forgot" th:href="@{/login.html(l='en_US')}" href="login.html" style="color: #2aabd2">>English</a>
	</div>
</div>
<div class="clickme">
	<p><a th:href="@{index}" href="../index.html" th:text="#{login.ClickMe}">点我回首页</a></p>
</div>

</body>
</html>